<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layuiAdmin 网站用户</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <script src="../../../layuiadmin/jquery.min.js"></script>
    <style>
        .layui-nav-tree {
            width: 90px;
            padding: 0;
        }

        .layui-nav-tree .layui-nav-item a {
            height: 30px;
            line-height: 33px;
        }

        .layui-nav {
            border-radius: 0px;
            background-color： #4288ce;
        }
    </style>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">订单编号</label>
                    <div class="layui-input-block">
                        <input type="text" name="sn" placeholder="请输入" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">搜索选择框</label>
                    <div class="layui-input-inline">
                        <select name="status" lay-verify="required" lay-search="">
                            <option value="10">-全部-</option>
                            <option value="0">待付款</option>
                            <option value="1">预约中</option>
                            <option value="2">预约中</option>
                            <option value="3">鉴定完成</option>
                            <option value="-1">已取消</option>
                            <option value="-2">已删除</option>
                        </select>
                    </div>
                </div>
                <br>
                <div class="layui-inline">
                    <label class="layui-form-label">开始日期</label>
                    <div class="layui-input-block">
                        <input type="text" name="s_time2" id="s_time2" placeholder="请输入开始时间" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">结束日期</label>
                    <div class="layui-input-block">
                        <input type="text" name="e_time2" id="e_time2" placeholder="请输入截止时间" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-inline">
                    <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                    </button>
                </div>
            </div>
        </div>

        <div class="layui-card-body">

            <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
            <script type="text/html" id="imgTpl">
                <img style="display: inline-block; width: 50%; height: 100%;" src={{ d.avatar }}>
            </script>
            <script type="text/html" id="LAY-user-manage">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i
                        class="layui-icon layui-icon-edit"></i>编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
                        class="layui-icon layui-icon-delete"></i>删除</a>
            </script>
            <script type="text/javascript" src=""></script>
        </div>
    </div>
</div>
<script src="../../../layuiadmin/layui/layui.js"></script>
<script>

    layui.use(['form', 'laydate',"upload","jquery"], function(){
        laydate = layui.laydate;
        laydate.render({ //发布时间
            elem: '#s_time2'
            ,type: 'datetime'
        });
        laydate.render({ //发布时间
            elem: '#e_time2'
            ,type: 'datetime'
        });
    });

    function timeStamp2String(time) {
        var datetime = new Date();
        datetime.setTime(time);
        var year = datetime.getFullYear();
        var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
        var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
        var hour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours();
        var minute = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
        var second = datetime.getSeconds() < 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
        return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
    }
    //table 渲染
    layui.use(['table'], function () {
        var $ = layui.$
            , form = layui.form
            , table = layui.table;
        var tableIns = table.render({
            elem: '#LAY-user-manage',
            //后台api数据
            url: "{:url('under_order?op=table')}",
            cellMinWidth: 95,
            page: true,
            height: "full-125",
            limits: [10, 40, 100, 500, 1000],
            limit: 10,
            id: "LAY-user-manage",
            cols: [[
                {field: 'id', title: 'id', minWidth: 100, align: "center"},
                {field: 'sn', title: '订单编号', minWidth: 100,align: 'center'},
                {field: 'nickname', title: '用户', align: 'center', minWidth: 80},
                {field: 'day', title: '预约天数', align: 'center', minWidth: 50},
                {field: 'e_name', title: '专家', align: 'center', minWidth: 80},
                {field: 'create_time', title: '下单时间', align: 'center', minWidth: 180},
                {field: 'pay_time', title: '付款时间', align: 'center', minWidth: 180},
                {field: 'finish_time', title: '完成时间', align: 'center', minWidth: 180},
                {
                    field: ' ', title: '状态', align: 'center', templet: function (d) {
                    switch(d.status)
                    {
                        case 0: return '<span class="layui-badge layui-bg-gray">待付款</span>';
                        case 1: return '<span class="layui-badge layui-bg-red">预约中</span>';
                        case 2: return '<span class="layui-badge layui-bg-green">已预约</span>';
                        case 3: return '<span class="layui-badge layui-bg-cyan">已完成</span>';
                        case -1: return '<span class="layui-badge layui-bg-black">取消</span>'
                        case -2 : return'<span class="layui-badge layui-bg-black">已删除</span>'
                    }
                }
                },
                {
                    field: 'seed_status', title: '操作', align: 'center',minWidth: 160 ,templet: function (d) {
                    var str='';
                    if(d.status==0||d.status==1||d.status==2)
                    {
                        str+='<a title="'+d.nickname+'取消" onclick="cancel_un_order('+d.id+','+d.uid+',this)"  data-href="under_info?order_id='+d.id+'" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">取消订单</a>';
                    }
                    if(d.status==-1||d.status==-2)
                    {
                        str+='<a title="'+d.nickname+'删除" onclick="del_un_order('+d.id+',this)"  data-href="add_list?order_id='+d.id+'" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">删除订单</a>';
                    }
                    str+= '<a title="'+d.nickname+'查看详情" onclick="under_info('+d.id+',this)"  data-href="under_info?order_id='+d.id+'" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">查看详情</a>';

                    return str;
                }
                },
            ]]
        });
        console.log(tableIns);
        //监听搜索
        form.on('submit(LAY-user-front-search)', function (data) {
            var field = data.field;
            console.log(field);
            //执行重载
            table.reload('LAY-user-manage', {
                url: "{:url('under_order?op=table')}",
                where: field,
                done: function (res, curr, count) {
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                    console.log(res);
                    //得到当前页码
//                console.log(curr);
                    //得到数据总量
//                console.log(count);
                }
            });
        });

        //事件
        var active = {
            batchdel: function () {
                var checkStatus = table.checkStatus('LAY-user-manage')
                    , checkData = checkStatus.data; //得到选中的数据

                if (checkData.length === 0) {
                    return layer.msg('请选择数据');
                }

                layer.prompt({
                    formType: 1
                    , title: '敏感操作，请验证口令'
                }, function (value, index) {
                    layer.close(index);

                    layer.confirm('确定删除吗？', function (index) {

                        //执行 Ajax 后重载
                        /*
                         admin.req({
                         url: 'xxx'
                         //,……
                         });
                         */
                        table.reload('LAY-user-manage');
                        layer.msg('已删除');
                    });
                });
            }
            , add: function () {
                layer.open({
                    type: 2
                    , title: '添加用户'
                    , content: 'userform.html'
                    , maxmin: true
                    , area: ['500px', '450px']
                    , btn: ['确定', '取消']
                    , yes: function (index, layero) {
                        var iframeWindow = window['layui-layer-iframe' + index]
                            , submitID = 'LAY-user-front-submit'
                            , submit = layero.find('iframe').contents().find('#' + submitID);
                        //监听提交
                        iframeWindow.layui.form.on('submit(' + submitID + ')', function (data){
                            var field = data.field; //获取提交的字段
                            //提交 Ajax 成功后，静态更新表格中的数据
                            //$.ajax({});
                            table.reload('LAY-user-front-submit'); //数据刷新
                            layer.close(index); //关闭弹层
                        });
                        submit.trigger('click');
                    }
                });
            }
        };

        $('.layui-btn.layuiadmin-btn-useradmin').on('click', function (){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });

    function under_info(id,obj){
        layer.open({
            type: 2
            ,title: $(obj).attr('title')
            ,content: $(obj).attr('data-href')
            ,maxmin: true
            ,area: ['60%', '100%']
        })
    }
    function add_list(id,obj)
    {
        layer.open({
            type: 2
            ,title: $(obj).attr('title')
            ,content: $(obj).attr('data-href')
            ,maxmin: true
            ,area: ['100%', '100%']
        })
    }

    function cancel_un_order(id,uid,obj)
    {
        layer.confirm('确认取消订单吗', {
            btn: ['确定', '取消'] //按钮
        }, function (index) {
            layer.close();

            $.ajax({
                type: 'GET',
                url: "{:url('cancel_un_order')}",
                data: {'order_id': id,'uid':uid},
                dataType: 'json',
                success: function (data) {
                    if (data.code == 0) {
                        layer.msg('取消成功!', {
                            icon: 1,
                            time: 1000,
                            end: function () {
                                window.location.reload();
                            }
                        });
                    } else {
                        layer.msg('取消失败', {
                            icon: 1, time: 1000, end: function () {
                                window.location.reload();
                            }
                        });
                    }
                }
            });
            layer.close(index);
        });
    }

    function del_un_order(id,obj)
    {
        layer.confirm('确认删除订单吗', {
            btn: ['确定', '取消'] //按钮
        }, function (index) {
            layer.close();

            $.ajax({
                type: 'GET',
                url: "{:url('del_un_order')}",
                data: {'order_id': id},
                dataType: 'json',
                success: function (data) {
                    if (data.code == 0) {
                        layer.msg('删除成功!', {
                            icon: 1,
                            time: 1000,
                            end: function () {
                                window.location.reload();
                            }
                        });
                    } else {
                        layer.msg('删除失败', {
                            icon: 1, time: 1000, end: function () {
                                window.location.reload();
                            }
                        });
                    }
                }
            });
            layer.close(index);
        });

    }

</script>
</body>
</html>
